<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>搜禾网·会员登录</title>
	<!-- <meta name="viewport" content="width=divice-width,initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no" /> -->
	<meta http-equiv=X-UA-Compatible content=IE=8/>


	<link rel="stylesheet" href="{:_SKIN}/index/login/css/font-awesome.min.css" type="text/css" />
	<link rel="stylesheet" href="{:_SKIN}/index/login/css/bootstrap.css" type="text/css"/>
	<link rel="stylesheet" href="{:_SKIN}/index/login/css/login.css" type="text/css" />

	<!-- <script src="{:_SKIN}/index/login/./js/jquery-1.7.2.js"></script> -->
	<script src="{:_SKIN}/index/login/js/jquery-2.2.4.min.js"></script>
	<script src="{:_SKIN}/index/login/js/bootstrap.min.js"></script>

	<style>

		.login_tab_on { border-bottom: 2px solid #7baa18 }

	</style>

</head>
<body>
<div class="wrap" id="wrap">
	<div class="logo" id="logo">
		<a >
			<img src="{:_SKIN}/index/login/images/logo.png" alt="" width="100%">
		</a>
	</div>
	<div class="register-wrap" id="register-wrap" style="background-image: url({:_SKIN}/index/login/images/dad.png);background-size: 100%;background-repeat: no-repeat;">
		<div class="pic" id="pic">
			<img src="{:_SKIN}/index/login/images/www.png" alt="" width="60%" style="margin-left: 120px;margin-bottom: 160px;"/>
		</div>
		<div class="register" id="register">
			<div class="register-top" id="reg-top">




				<h2 class="normal login_tab_on   login_tab" id="" tab="tab1" >会员登录</h2>
			<!--	<h2 class="nopassword  login_tab" id="nopw" tab="tab2" >手机无密码登录</h2>-->




				<a  id="qrcode" ></a>
			</div>

			<!--普通登录-->
			<div class="register-con login_tab_main tab1" id="rc">
				<form action="#">
					<ul>



						<li class="form-group">
							<input type="text" name="phone-num" id="phone" class="form-control j_user s_user" placeholder="请输入邮箱/用户名/已验证手机号码"/>
							<span class="fa fa-check success" style="display:none;color:green;position:relative;left:-25px;top:5px;"></span>

						</li>
						<li class="form-group">
							<input type="password" name="password" id="pass" class="form-control j_pwd s_pwd" placeholder="请输入密码"/>

						</li>
						<li class="read">
							<input type="checkbox" class="ck" name="check" value="1" checked="checked"/>
							<b>下次自动登录</b>
							<a onclick="alert('忘记密码请联系客服人员')">忘记密码？</a>
						</li>
						<li>
							<button type="button" class="submit"  id="login-btn" style="border-radius:5px;" onclick="user_sub();"> 立即登录
							</button>
						</li>
						<li>


						</li>
						<li class="zjdl" style="color: #333333;">
							第三方账号登录
						</li>
						<li>
							<div class="qq" style="border-radius:5px;margin-left: 52px;"></div>
							<div class="weixin" style="border-radius:5px;"></div>
						</li>

					</ul>
				</form>
			</div>

			<!--手机无密码登录-->
			<div class="login-con login_tab_main tab2" id="lc">
				<form action="#">
					<ul>
						<li id="inner-num">
							<i></i>
							<span>请输入手机号码</span>
						</li>
						<li id="inner-virity">
							<i></i>
							<span>请输入验证码</span>
						</li>
						<li class="lg-num  form-group">
							<!--<select name="country" id="country"class="info-select"style="border-radius:5px;">
								<option value="中国">中国</option>
							</select>-->
							<input type="text" name="phone-num" class="form-control" id="phone-num" placeholder="手机号码"/>
							<span class="fa fa-check success" style="display:none;color:green;position:relative;left:-25px;top:5px;"></span>
						</li>
						<li class="password form-group">
							<input type="password" name="password" id="pass" class="form-control" placeholder="动态密码"/>

						</li>
						<li>
							<button class="getcode" id="getcode" style="border-radius:5px;">获取手机动态密码</button>
						</li>
						<li class="read">
							<!--<input type="checkbox" class="ck" name="check"value="1"checked="checked"/>-->
							<!--<b>2周内自动登录</b>-->
							<a href="{:_SKIN}/index/login/#">忘记密码？</a>
						</li>

						<li>
							<button class="submit" type="submit" id="login-btn1" style="border-radius:5px;">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
						</li>
						<li>
							<!--<a href="{:_SKIN}/index/login/#" class="haiwai">海外手机登录</a>-->
							<a href="{:_SKIN}/index/login/#" class="zhuce">新用户注册</a>
						</li>
						<li class="zjdl" style="color: #333333;">
							第三方账号登录
						</li>
						<li>
							<div class="qq" style="border-radius:5px;margin-left: 52px;" onclick="alert('暂未开启')"></div>
							<div class="weixin" style="border-radius:5px;" onclick="alert('暂未开启')"></div>

						</li>
					</ul>
				</form>
			</div>
			<!-- 扫码登录 -->
			<div class="saoma" id="sm">
				<div class="screen-tu" id="screen"></div>
				<!--<div class="saoyisao"></div>-->
				<div class="qr-code">
					<img src="{:_SKIN}/index/login/images/app.png" alt="">
				</div>
				<div class="link">
					<p style="color: #7baa18;">扫一扫登录</p>
					<p>还没有账号？<a href="{:_SKIN}/index/login/http://www.isohe.cn/User/Register">快速注册</a></p>

				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer">
	<div class="footer-wrap">
		<p>Copyright © 2016 搜禾 All Rights Reserved. 晋ICP备15007746号-1 </p>
		<p> 搜禾客服热线：400-114-8070</p>
	</div>
</div>
</body>
{:layer()}
<script>

if(window.top !== window.self) {
     top.location.replace(self.location.href);
}
    var check_url="{:url('checkuser')}";


//优化用户体验，给回车键绑定 登录功能
$('body').keydown(function (e) {
    if (e.keyCode == 13) {
        user_sub();
    }
});


//会员登录功能

function user_sub() {

    var data = {
        user: $(".j_user").val(),
        pwd: $(".j_pwd").val()
    };

    if (!data.user || !data.pwd || data.user.length != 11) {

        layer.msg('请输入正确的登录信息');
        return false;
    }

           parent.layer.msg('加载中', {
   time:0,         
  icon: 16
  ,shade: 0.5
});

    //登录逻辑
    $.post(check_url, data, function (res) {

        if (res.code == 200) {


            window.location.href = res.url;

        } else {

            layer.msg(res.msg);

        }


    });


}


</script>

</html>